<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="__STATIC__/template/favicon.ico" >
    <link rel="Shortcut Icon" href="__STATIC__/template/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/template/lib/html5shiv.js"></script>
    <script type="text/javascript" src="__STATIC__/template/lib/respond.min.js"></script>

    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/lib/Hui-iconfont/1.0.8/iconfont.css" />

    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/template/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="__STATIC__/template/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->
    <!--css 加载 -->
    {load file='_CSS_/diyUpload.css'}
    {load file='_CSS_/webuploader.css'}

    <link href="__STATIC__/template/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav class="breadcrumb">
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="page-container">

    <form action="" method="post" class="form form-horizontal" id="form-article-add" >
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$type?$type.name:''}" placeholder="" id="name" name="name">
            </div>
            <span id="gt_name_tip"></span>
        </div>
       <!-- <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属分类：</label>
            <div class="formControls col-xs-8 col-sm-9">
				<span class="select-box">
					<select name="parent_id" class="select" id="parent_id">
                        <option value="0" {$type? ($type.parent_id == 0 ? 'selected = selected':''):''} >顶级分类</option>
                        {volist name="category" id="v" }
                        <option value="{$v.id}" {$type? ($type.parent_id == $v.id ? 'selected = selected':''):''}>{$v.name}</option>
                        {/volist}
                    </select>
				</span>
            </div>
        </div>-->

        <!--图片上传-->
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">图片上传：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="weui-uploader__bd test" id="test"></div>
                <span id="filename" style="vertical-align: middle;color: red;display: none">
                    最大可上传2M的图片，图片格式只限jpg,png,gif
                </span>
                {notempty name='$type.icon'}
                <div style="width:100px;height:100px;display: inline-block;text-align: center">
                    <img src="__UPLOADS__/{$type.icon}" style="width:80px;height:80px;border-radius: 5px;border: 1px solid lightgrey"/>
                    <a onclick="imgDel(this)" id="img" data-img="{$type.icon}" style="" href="javascript:;">
                        删除
                    </a>
                </div>
                {/notempty}
            </div>
        </div>
        <!--图片上传-->

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                {empty name='type'}
                    <button onClick="type_save_submit();" class="btn btn-primary radius" type="button">
                        <i class="Hui-iconfont">&#xe632;</i> 提交
                    </button>
                {else /}
                    <input type="hidden" value="{$type.id}" id="type_id"/>
                    <button onClick="type_edit_submit();" class="btn btn-primary radius" type="button">
                        <i class="Hui-iconfont">&#xe632;</i> 修改
                    </button>
                {/empty}

                <button  class="btn btn-default radius" type="reset">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>

</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__STATIC__/template/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/template/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/template/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__STATIC__/template/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<!-- 加载js -->
{load file='_LIB_/jquery-2.1.4.js'}
{load file='_LIB_/fastclick.js'}
{load file='_JS_/jquery.Spinner.js'}
{load file='_JS_/jquery-weui.js'}
{load file='_LIB_/diyUpload.js'}
{load file='_LIB_/webuploader.min.js'}
<script type="text/javascript">

    var image="";
    var img  = $('#img').attr('data-img');
    // 图片上传
    if(img==''||img==null || img==undefined){
        $('#filename').show();
        $("#test").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            fileNumLimit:1,
            success:function( data ) {
                console.log( data );
                image =data.img;
                $('#filename').text('上传成功！').css('color','green');

            },
            error:function( err ) {
                console.info( err.img );
                $('#filename').text(err.img).css('color','red');

            }
        });
    }

    /*商品分类-添加*/
    function type_save_submit(){

        var parent_id = $('#parent_id').val();
        var name      = $('#name').val();

        var data  = {
            parent_id:parent_id,
            name:name,
            icon:image
        };
        $.post("{:url('admin/Goods/category_hold')}",data,function(res){
            console.log(res);
            if(res.ok){
                layer.msg(res.msg,{icon: 1,time:2000});
                setTimeout(window.location.href="{:url('admin/Goods/category')}",2000);
            }else{
                layer.msg(res.msg,{icon: 5,time:2000});
            }
        })


    }
    /*图片-删除-实例化上传*/
    var picture = '';
    function imgDel(obj){
        var link = $(obj) ;
        link.parent().remove();
        link.remove();
        $('#filename').show();
        $("#test").diyUpload({
            url:"{:url('admin/Uploads/index')}",
            fileNumLimit:1,
            success:function( data ) {
                console.log( data );
                image =data.img;
                $('#filename').text('上传成功！').css('color','green');

            },
            error:function( err ) {
                console.info( err.img );
                $('#filename').text(err.img).css('color','red');

            }
        });

    }

    /*分类-修改*/
    function type_edit_submit(){
        var id        = $('#type_id').val();
        var parent_id = $('parent_id').val();
        var name      = $('#name').val();
        var data_img  = $('#img').attr('data-img');
        var icon = '';
        if(data_img==null ||data_img==''||data_img==undefined){
            icon = image
        }else{
            icon = data_img;
        }


        var data  = {
            id:id,
            parent_id:parent_id,
            name:name,
            icon:icon
        };
        $.post("{:url('admin/Goods/category_save')}",data,function(res){
            console.log(res);
            if(res.ok){
                layer.msg(res.msg,{icon: 1,time:2000});
                setTimeout(window.location.href="{:url('admin/Goods/category')}",2000);
            }else{
                layer.msg(res.msg,{icon: 5,time:2000});
            }
        })



    }


</script>
</body>
</html>